<%-- 
    Document   : Computers
    Created on : Dec 16, 2011, 10:19:58 PM
    Author     : HoangLiem
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>

<link href="style/body.css" rel="stylesheet" type="text/css" />
<link href="style/type_catelogy.css" rel="stylesheet" type="text/css"/>
<div id="body_left">
    <div id="category" class="body_left">
        <h3>Categories</h3>
        <ul>
            <c:forEach items="${danhMucs}" var="danhMuc" varStatus="danhMucs" begin="0" end="${danhMucs.size()}" step="1">
                <li><a href="tungDanhMuc?maDanhMuc=${danhMuc.maDanhMuc}">${danhMuc.tenDanhMuc}</a></li>
            </c:forEach>
        </ul>
    </div>
    <div id="popular_features" class="body_left">
        <h3>Popular Features</h3>
        <ul>
            <li><a href="#">Most Popular</a></li>
            <li><a href="#">Auctions Closing Soon</a></li>
        </ul>
    </div>
    <div id="top_brands" class="body_left">
        <h3>Top Brands</h3>
        <ul>
            <li><a href="#">Acer</a></li>
            <li><a href="#">Apple</a></li>
            <li><a href="#">Asus</a></li>
            <li><a href="#">Dell</a></li>
        </ul>
    </div>
    <div class="body_left_ads">
        <a href="#"><img src="images/acs_ads.png"/></a>
    </div>
    <div class="body_left_ads">
        <a href="#"><img src="images/acs_ads.png"/></a>
    </div>
</div>
<div id="body_main">
    <div class="acs_body_main_ads"><a href="#">Quảng cáo</a></div><!--div phong hờ cho quang cao, sitemap-->
    <div id="acs_body_main_list">
        <div class="items">
            <div class="items_head">Auctions Closing Soon</div>
            <c:if test="${dsClosingSoon.size()==0}">
                Chưa có sản phẩm
            </c:if>
            <c:set var="hinh" value="-1"/>
            <c:forEach items="${dsClosingSoon}" var="sanPham" varStatus="dsClosingSoon" begin="0" end="${dsClosingSoon.size()}" step="1">
                <c:set var="hinh" value="${hinh+1}"/>
                <div class="item">
                    <div class="item_left">
                        <c:if test="${sanPham.getHinhanhs().size()>0}">
                            <c:set var="dsHinhAnh" value="${dayHinhClosingSoon[hinh]}"/>
                            <img width="60" height="60" src="images/productImages/${dsHinhAnh[0].tenHinhAnh}"/>
                        </c:if>
                    </div>
                    <div class="item_right">
                        <div class="item_right_link">
                            <a href="chiTietSanPham?id=${sanPham.maSanPham}">${sanPham.tenSanPham}</a>
                        </div>
                        <div class="item_right_h3">
                            <h3>${sanPham.giaKhoiDiem}</h3>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
        <div  class="items">
            <div class="items_head">Most Popular Auctions</div>
            <c:if test="${dsPopular.size()==0}">
                Chưa có sản phẩm
            </c:if>
            <c:set var="hinh" value="-1"/>
            <c:forEach items="${dsPopular}" var="sanPham" varStatus="dsPopular" begin="0" end="${dsPopular.size()}" step="1">
                <c:set var="hinh" value="${hinh+1}"/>
                <div class="item">
                    <div class="item_left">
                        <c:if test="${sanPham.getHinhanhs().size()>0}">
                            <c:set var="dsHinhAnh" value="${dayHinhPopular[hinh]}"/>
                            <img width="60" height="60" src="images/productImages/${dsHinhAnh[0].tenHinhAnh}"/>
                        </c:if>
                    </div>
                    <div class="item_right">
                        <div class="item_right_link">
                            <a href="chiTietSanPham?id=${sanPham.maSanPham}">${sanPham.tenSanPham}</a>
                        </div>
                        <div class="item_right_h3">
                            <h3>${sanPham.giaKhoiDiem}</h3>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
        <div  class="items">
            <div class="items_head">New Arrivals</div>
            <c:if test="${dsNewArrival.size()==0}">
                Chưa có sản phẩm
            </c:if>
            <c:set var="hinh" value="-1"/>
            <c:forEach items="${dsNewArrival}" var="sanPham" varStatus="dsNewArrival" begin="0" end="${dsNewArrival.size()}" step="1">
                <c:set var="hinh" value="${hinh+1}"/>
                <div class="item">
                    <div class="item_left">
                        <c:if test="${sanPham.getHinhanhs().size()>0}">
                            <c:set var="dsHinhAnh" value="${dayHinhNewArrival[hinh]}"/>
                            <img width="60" height="60" src="images/productImages/${dsHinhAnh[0].tenHinhAnh}"/>
                        </c:if>
                    </div>
                    <div class="item_right">
                        <div class="item_right_link">
                            <a href="chiTietSanPham?id=${sanPham.maSanPham}">${sanPham.tenSanPham}</a>
                        </div>
                        <div class="item_right_h3">
                            <h3>${sanPham.giaKhoiDiem}</h3>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
    </div>
    <!--end list production-->
    <div id="ads" style="width:100%;height:20px;background-color:white;margin-top:30px;clear:both;">
    </div>
    <div class="acs_body_main_ads">
        <a href="#"><img src="#"/>Nơi để quảng cáo</a>
    </div>
</div>